<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>Dmagic-Heat</title>
  <script type='text/javascript' src="${ctx}/extends/jquery-1.7.2.min.js"></script>
  <script type="text/javascript">
	var ctx = "${ctx}";
	$.ajaxSetup({ cache: false });	
  </script>          
  
  <style type="text/css">
    html {
		height:100%;
	}
    body {
		background:url(${ctx}/pages/web/res/bg.png) center repeat-y;
		font-family:"宋体";
		text-align:center;
		margin:0;
		padding:0;
		border:0 none;
	}
	div#container {
		margin:0 auto;
		border:0 none;
		padding:0;
		text-align:center;
		width:1024px;
	}
	div#content {
		margin:0 auto;
		padding:0;
		border:none;
		width:740px;
		min-height:550px;
	}
	div#date {
		float:left;
		margin:15px 0 0 15px;
		font-size:14px;
		color:#15647a
	}
	div#tool {
		float:right;
		margin:-10px 10px 0 0;
		padding:0;
		border:none 0;
		width:220px;
	}	
	div#detail {
		background:url(${ctx}/pages/web/res/product_parameter.png) center bottom no-repeat;
		padding-bottom:1px;
		text-align:left;
		color:#666666;
	}	
	.caseName {
		background:url(${ctx}/pages/web/res/about_line.png) center bottom no-repeat;
		padding-bottom:15px;
		text-align:center;
		font-family:"宋体";
		font-size:28.5px;
		color:#28c5de;
	}
  </style>
</head>

<body>
  <div id="container">
    <div id="content">
        <div id="caseDetail" style="padding-top:10px; width:740px;">
       	  <div class="caseName">${c.successfulCaseName}</div>
          <div id="date">${c.successfulCaseModel}</div>
          <div id="tool">
            <p style="float:right; padding:3px; cursor:pointer;">
              <img src="${ctx}/pages/web/res/5.png" alt="分享到QQ空间" onClick="shareQzone('', '' , '', '', '')"/>
            </p>
            <p style="float:right; padding:3px; cursor:pointer;">
              <img src="${ctx}/pages/web/res/4.png" alt="分享到人人网" onClick="shareRR('', '' , '')"/>
            </p>
            <p style="float:right; padding:3px; cursor:pointer;">
              <img src="${ctx}/pages/web/res/3.png" alt="分享到百度空间" onClick="shareKX('', '' , '')"/>
            </p>      
            <p style="float:right; padding:3px; cursor:pointer;">
              <img src="${ctx}/pages/web/res/2.png" alt="分享到腾讯微博" onClick="shareToWb('', '' , '', '')"/>
            </p>
            <p style="float:right; padding:3px; cursor:pointer;">
              <img src="${ctx}/pages/web/res/1.png" alt="分享到新浪微博" onClick="shareTSina('', '' , '', '')"/>
            </p>
            <p style="float:right; font:'宋体'; font-size:14px; color:#15647a; padding-top:8px;">分享至：</p> 
          </div>
          <div id="detail">
            <p style="color:#666666; padding:25px 0 0 15px;">${c.successfulCaseContent}</p>
          </div>  
        </div>
    </div>
  
  </div>
</body>
<script type='text/javascript' src="${ctx}/pages/web/share.js"></script>
</html>
